.title-box{
	border-bottom: 1px solid #f2f2f2;
	padding-bottom: 10px;
	position: relative;
}
.title-box img{
	width: 80px;
	height: 75px;
	padding: 3px;
	border: 1px solid #ccc;
}
.title-info{
	width: 91%;
	display: inline-block;
}
.title-info p span{
	font-size: 22px;
}
.title-info p small{
	margin-left: 10px;
	color: #333;
}
.title-info .btn{
	background: #6fa2ee;
	color: #fff;
}
.title-info label{
	line-height: 25px;
    height: 25px;
    color: #8c8c8c;
    font-weight: normal;
    margin-bottom: 0px;
    display: none;
}
.inner{
	position: absolute;
	right: 0;
	bottom: 10px;
}
.inner span{
	display: block;
    text-align: center;
    height: 26px;
    font-size: 20px;
}
.inner em{
	text-align: center;
    font-size: 18px;
    display: block;
    font-style: normal;
    color: #8c8c8c;
}
.thumbnail{
	margin-top: 10px;
	position: relative;
}
.thumbnail input{
	position: absolute;
	left: 3px;
	top: 0px;
	width: 20px;
	height: 20px;
	border: 5px solid #ccc;
	display: none;
}
.uploadPhotos-box,.uploadPhotos{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.uploadBtn,.photosItem{
	border: 1px dashed #ccc;
    box-sizing:border-box;
  -moz-box-sizing:border-box; /* Firefox */
  -webkit-box-sizing:border-box; /* Safari */
  height: 125px;
  text-align: center;
  overflow: hidden;
 padding: 5px;
 margin-bottom: 10px;
  position: relative;
}
.uploadBtn i{
	color: #eeeaea;
	font-size: 80px;
	margin-top: 10px;
}
.uploadBtn input{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
    filter: alpha(opacity = 0);
    cursor: pointer;
}
.photosItem img{
	width: 100%;
	height: 113px;
}
.modal-footer{
	text-align: center;
}
.modal-footer .upload{
	width: 150px;
	background: #6fa2ee;
	color:#fff;
}
.photosItem{
	transition: all 0.2s;
}
.photosItem p{
	position: absolute;
	left:0;
	bottom:-40px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: right;
	padding: 0 5px;
	transition: all 0.2s;
}
.photosItem p span{
	font-size: 30px;
}
.photosItem:hover{
	animation: rotate .4s;
    -webkit-animation: rotate .4s; /* Safari 与 Chrome */
}
.photosItem:hover p{
	bottom:-10px;
}
@keyframes rotate
{
    0% {transform: rotate(0deg);}
    20% {transform: rotate(5deg);}
    40% {transform: rotate(0deg);}
    80% {transform: rotate(-5deg);}
    100% {transform: rotate(0deg);}
}
 
@-webkit-keyframes rotate /* Safari 与 Chrome */
{
    0% {transform: rotate(0deg);}
    20% {transform: rotate(5deg);}
    40% {transform: rotate(0deg);}
    80% {transform: rotate(-5deg);}
    100% {transform: rotate(0deg);}
}